<template>
  <view class="flex-col page">
    <view class="flex-col group">
      <text class="text_1">上传结算审核资料</text>
      <view class="flex-col group_1">
        <text class="text_2">上传图片格式</text>
        <view class="justify-center group_2">
          <view class="flex-col group_3">
			<shop-upload></shop-upload>
          </view>
      
        </view>
        
        <view class="justify-between group_4">
          <text class="text_3">上传文件格式</text>
          <view class="flex-col items-center text-wrapper"><text class="text_4">上传文件</text></view>
        </view>
        <view class="flex-row group_5">
          <view class="justify-between section_1">
            <view class="flex-row">
              <text class="text_5">主材名称</text>
              <text class="text_6">上传时间</text>
            </view>
            <text class="text_7">操作</text>
          </view>
          <view class="flex-row section_2">
            <text class="text_8">文件1.doc</text>
            <text class="text_9">2021/10/1</text>
            <text class="text_10">查看</text>
          </view>
          <text class="text_11">删除</text>
          <view class="flex-row section_3">
            <view class="flex-col text-wrapper_1"><text class="text_12">文件1.doc</text></view>
            <view class="flex-col text-wrapper_2"><text class="text_13">2021/10/1</text></view>
            <view class="flex-col items-center text-wrapper_3"><text class="text_14">查看</text></view>
          </view>
          <image
            :src="imgUrl+'16557836674655970119.png'"
            class="image_4"
          />
          <view class="flex-row section_4">
            <view class="flex-col text-wrapper_4"><text class="text_16">文件1.doc</text></view>
            <view class="flex-col text-wrapper_5"><text class="text_17">2021/10/1</text></view>
            <view class="flex-col items-center text-wrapper_3"><text class="text_14">查看</text></view>
          </view>
          <view class="section_5"><!--*--></view>
          <view class="section_6"><!--*--></view>
        </view>
        <text class="text_19">
          不限上传格式，但仅支持在线预览word、pdf、excle、jpg格式文件，其他格式的文件请移步pc端预览和下载。
        </text>
      </view>
      <view class="flex-col items-center button"><text class="text_20">保存</text></view>
    </view>
  </view>
</template>

<script>
  export default {
    components: {},
    data() {
      return {
		  imgUrl:this.$IMG_URL,
	  };
    },
    methods: {},
  };
</script>

<style scoped lang="scss">
  .text-wrapper_3 {
    margin-left: 69px;
    margin-bottom: 3px;
    width: 54.5px;
  }
  .text_14 {
    color: #1c4ca8;
    font-size: 12px;
    font-family: '.AppleSystemUIFont';
    line-height: 14px;
  }
  .page {
    background-color: #ffffffff;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
  }
  .group {
    padding: 15px 16px 32px;
    flex: 1 1 auto;
    overflow-y: auto;
  }
  .text_1 {
    align-self: flex-start;
    color: #191919;
    font-size: 16px;
    font-family: '.AppleSystemUIFont';
    line-height: 19px;
	font-weight: 600;
  }
  .group_1 {
    margin-top: 20px;
  }
  .button {
    margin-top: 61px;
    padding: 9.5px 0 15.5px;
    background-color: #1d6aff;
    border-radius: 22px;
  }
  .text_2 {
    align-self: flex-start;
    color: #191919;
    font-size: 14px;
    font-family: '.AppleSystemUIFont';
    line-height: 16.5px;
  }
  .group_2 {
    margin-top: 16.5px;
    padding-top: 5px;
    position: relative;
  }
  .divider {
    margin-top: 16px;
    background-color: #eeeeee;
    border-radius: 0.25px;
    height: 0.5px;
  }
  .group_4 {
    margin-top: 180rpx;
  }
  .group_5 {
    margin-top: 16px;
    height: 154.5px;
    border-right: solid 0.5px #d9d9d9;
    position: relative;
  }
  .text_19 {
    margin-top: 16px;
    color: #1c4ca8;
    font-size: 12px;
    font-family: '.AppleSystemUIFont';
    line-height: 14px;
    text-align: left;
  }
  .text_20 {
    color: #ffffff;
    font-size: 16px;
    font-family: '.AppleSystemUIFont';
    line-height: 19px;
  }
  .group_3 {
    padding-top: 0rpx;
    position: absolute;
    left: 0;
    /* top: 50%; */
    width: 224rpx;
  }
  .image_3 {
    width: 107px;
    height: 107px;
  }
  .text_3 {
    margin-bottom: 4.5px;
    color: #191919;
    font-size: 14px;
    font-family: '.AppleSystemUIFont';
    line-height: 16.5px;
  }
  .text-wrapper {
    padding: 1px 0 6px;
    border-radius: 12px;
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557836673700205288.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 62px;
    height: 20px;
  }
  .section_1 {
    padding: 9.5px 30px 13.5px;
    border-radius: 2px 2px 0 0;
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557836673727744564.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
  }
  .section_2 {
    padding: 10.5px 21.5px 12.5px;
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557836674161259069.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    right: 0;
    top: 35.5px;
  }
  .text_11 {
    color: #ff371d;
    font-size: 12px;
    font-family: '.AppleSystemUIFont';
    position: absolute;
    right: 20.25px;
    top: 45px;
  }
  .section_3 {
    padding: 10.5px 21.5px 12.5px;
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557836674161259069.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    right: 0;
    top: 75px;
  }
  .image_4 {
    width: 91.4667vw;
    height: 0.1333vw;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .section_4 {
    padding: 10.5px 21.5px 12.5px;
    background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557836674161259069.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    right: 0;
    top: 114.5px;
  }
  .section_5 {
    background-color: #d9d9d9;
    width: 0.5px;
    height: 154.5px;
    position: absolute;
    left: 95.5px;
    top: 0;
  }
  .section_6 {
    background-color: #d9d9d9;
    width: 0.5px;
    height: 154.5px;
    position: absolute;
    right: 111.5px;
    top: 0;
  }
  .image_1 {
    margin-right: 5px;
    border-radius: 8px;
    width: 107px;
    height: 107px;
  }
  .image_2 {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    top: 0;
  }
  .text_4 {
    color: #1d6aff;
    font-size: 11px;
    font-family: '.AppleSystemUIFont';
    line-height: 13px;
  }
  .text_7 {
    margin-right: 15px;
    color: #666666;
    font-size: 11px;
    font-family: '.AppleSystemUIFont';
    line-height: 13px;
  }
  .text_8 {
    margin-top: 3px;
    color: #333333;
    font-size: 12px;
    font-family: '.AppleSystemUIFont';
    line-height: 14px;
  }
  .text_9 {
    margin-left: 61.5px;
    margin-top: 3px;
    color: #333333;
    font-size: 12px;
    font-family: '.AppleSystemUIFont';
    line-height: 14px;
  }
  .text_10 {
    margin-left: 62.25px;
    margin-bottom: 3px;
    color: #1c4ca8;
    font-size: 12px;
    font-family: '.AppleSystemUIFont';
    line-height: 14px;
  }
  .text-wrapper_1 {
    margin-top: 3px;
  }
  .text-wrapper_2 {
    margin-left: 60.5px;
    margin-top: 3px;
  }
  .text-wrapper_4 {
    margin-top: 3px;
  }
  .text-wrapper_5 {
    margin-left: 60.5px;
    margin-top: 3px;
  }
  .text_5 {
    color: #666666;
    font-size: 11px;
    font-family: '.AppleSystemUIFont';
    line-height: 13px;
  }
  .text_6 {
    margin-left: 67px;
    color: #666666;
    font-size: 11px;
    font-family: '.AppleSystemUIFont';
    line-height: 13px;
  }
  .text_12 {
    color: #333333;
    font-size: 12px;
    font-family: '.AppleSystemUIFont';
    line-height: 14px;
  }
  .text_13 {
    color: #333333;
    font-size: 12px;
    font-family: '.AppleSystemUIFont';
    line-height: 14px;
  }
  .text_16 {
    color: #333333;
    font-size: 12px;
    font-family: '.AppleSystemUIFont';
    line-height: 14px;
  }
  .text_17 {
    color: #333333;
    font-size: 12px;
    font-family: '.AppleSystemUIFont';
    line-height: 14px;
  }
</style>